<head>
  <title>TT小站 首页</title>
  <%= javascript_include_tag 'jquery.tools.min' %>
  <%= javascript_include_tag 'overlay' %>
</head>

<!-- 左 -->
<div id="index_main">
 <div id="slider">
  <div id="slider1">
    <ul>
      <li><a href="/store/for_him?product[style_id]=15&product[material_id]=27"><img src="/images/slider/01.gif" alt="" /></a></li>
    </ul>
  </div>
  <div id="slider2">
    <ul>
      <li><a href="/store/for_her?product[style_id]=25&product[material_id]=61"><img src="/images/slider/he.gif" alt="" /></a></li>
    </ul>
  </div>
 </div>

  <div id="design_rank">
<!--    <ul class="css-tabs">
      <li><a href="#">图案</a></li>
      <li><a href="#">男生款式</a></li>
      <li><a href="#">女生款式</a></li>
    </ul>
-->
    <!-- panes -->
    <div class="">

      <div id="design">
        <div></div>
        <% if @designs.length > 0 %>
          <%= render :partial =>'/designs/hot_list',:object=>@designs%>
        <% end %>
        <div class="pagination"><p class="more"><a href="/designs" class="cross-link more" title="查看更多印花图案">more &#187;</a></p></div>
      </div>
   <div class="win"></div>
      <div id="style_girl">
        <div></div>
        <% if @female_materials.length > 0 %>
          <ul class="hot_list">
            <% for material in @female_materials %>
              <li>
                <%= render :partial =>'/materials/material_detail',:object=>material %>
              </li>
            <% end %>
          </ul>
        <% end %>
        <!-- 此處放款式li -->
        <div class="pagination"><p class="more"><a href="/store/materials?sex=1" class="cross-link more" title="查看更多女款T恤">more &#187;</a></p></div>
      </div>
   <div class="win"></div>
      <div id="style_boy">
        <div></div>
        <% if @male_materials.length > 0 %>
          <ul class="hot_list">
            <% for material in @male_materials %>
              <li>
                <%= render :partial =>'/materials/material_detail',:object=>material %>
              </li>
            <% end %>
          </ul>
        <% end %>
        <!-- 此處放款式li -->
        <div class="pagination"><p class="more"><a href="/store/materials?sex=0" class="cross-link more" title="查看更多男款T恤">more &#187;</a></p></div>
      </div>
   <div class="win"></div>
    </div>
    <!--     <p id="readme"><em>释放您的创意，从这里开始</em></p>      -->
  </div>
</div>
<!-- activate tabs with JavaScript -->
<script>
  $(function() {
    // :first selector is optional if you have only one tabs on the page
    $(".css-tabs:first").tabs(".css-panes:first > div");
  });
</script> 

<!-- 左結束 -->

<!-- 右 -->
<!--
<div id="commend">
  <div class="slider1">
    <ul>
      <li><a href="/store/for_her?product[style_id]=25&product[material_id]=61"><img src="/images/slider/he.gif" alt="" /></a></li>
    </ul>
  </div>
  <%= render :partial =>'/designs/recommend_list',:object=>@recommend_designs%>
</div>
-->
